<template>
	<view>
		<view class="upload">编辑资料</view>
		<view class="form">
			<view class="form-item">
				
				<view class="form-item-rig">
					<view class="form-item-rig-textareaImg">
						<textarea placeholder="请输入个人简介" placeholder-class="textarea-ac" style="height: 300rpx;"></textarea>
						<view class="form-item-rig-textareaImg-img">
							<view class="form-item-rig-textareaImg-img-add flex-center">
								<image :src="mixiImgUrl + '/static/photo-b-照相.png'" mode=""></image>
								上传图片
							</view>
							<image :src="mixiImgUrl + '/static/huang.png'" mode="" v-if="false"></image>
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="form-btn flex-center">确定</view>
	</view>
</template>

<script>
</script>

<style lang="scss">
	page {
		background: #F6F1E7; 
	}
	.upload {
		width: 100%;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		padding: 30rpx 0;
		font-family: Source Han Sans CN;
		font-weight: 500;
		font-size: 28rpx;
		color: #84643B;
	}
	.form {
			width: 670rpx;
			margin: 0 auto;
			padding: 30rpx 0;
			.form-item {
				width: 100%;
				margin-bottom: 57rpx;
				.form-item-label {
					font-family: Source Han Sans CN;
					font-weight: 400;
					font-size: 28rpx;
					color: #222222;
					margin-bottom: 30rpx;
	
				}
				.form-item-rig{
					width: 100%;
					.form-item-input {
						width: 100%;
						height: 84rpx;
						background: #D9CEBC;
						border-radius: 10rpx;
						box-sizing: border-box;
						padding: 0 30rpx;
						input {
							width: 100%;
							height: 100%;
							
							align-items: center;
							font-family: Source Han Sans CN;
							font-weight: 500;
							font-size: 28rpx;
							color: rgba(132, 100, 59, 0.5);
							
						}
						.input-ac {
							font-family: Source Han Sans CN;
							font-weight: 500;
							font-size: 28rpx;
							color: #84643B;
						}
					}
					.Cover {
						width: 100%;
						display: flex;
						justify-content: space-between;
						.Cover-item {
							width: 156rpx;
							height: 212rpx;
							background: #FFFFFF;
							border-radius: 8rpx;
							border: 1px solid #D9CEBC;
							box-sizing: border-box;
							padding: 20rpx 15rpx;
							position: relative;
							.Cover-item-tx{
								width: 16rpx;
								position: absolute;
								right: 32rpx;
								bottom: 88rpx;
								height: 90rpx;
								overflow: hidden;
								view {
									height: 82rpx;
									font-family: FZXuanZhenZhuanBianS-R-GB;
									font-weight: 400;
									font-size: 16rpx;
									color: #2B3858;
									height: fit-content;
								}
							}
						}
						.Cover-item-ac {
							background: #D9CEBC;
							border-radius: 8rpx;
							border: 1px solid #84643B;
						}
					}
					.form-item-rig-textareaImg {
						width: 100%;
						background: #D9CEBC;
						border-radius: 10rpx;
						box-sizing: border-box;
						padding: 30rpx 29rpx 19rpx;
						textarea {
							font-family: Source Han Sans CN;
							font-weight: 400;
							font-size: 28rpx;
	          color: rgba(132, 100, 59, 0.5);
	          height: 140rpx;
	          margin-bottom: 10rpx;
						}
	        .textarea-ac {
	          font-family: Source Han Sans CN;
	          font-weight: 400;
	          font-size: 28rpx;
	          color: #84643B;
	        }
	        .form-item-rig-textareaImg-img {
	          width: 100%;
	          .form-item-rig-textareaImg-img-add {
	            width: 174rpx;
	            height: 174rpx;
	            background: #D9CEBC;
	            border-radius: 10rpx;
	            border: 1px solid #84643B;
	            flex-direction: column;
	            image {
	              width: 37rpx;
	              height: 29rpx;
	              margin-bottom: 30rpx;
	            }
	            font-family: Source Han Sans CN;
	            font-weight: 400;
	            font-size: 24rpx;
	            color: #84643B;
	          }
	          &>image {
	            width: 174rpx;
	            height: 174rpx;
	            border-radius: 10rpx;
	          }
	        }
					}
	      .development {
	        width: 100%;
	        position: relative;
	        .development-list {
	          width: 100%;
	          display: flex;
	          align-items: center;
	          margin-bottom: 30rpx;
	          .development-l {
	            width: 120rpx;
	            font-family: Source Han Sans CN;
	            font-weight: 500;
	            font-size: 36rpx;
	            color: #84643B;
	            margin-right: 30rpx;
	            position: relative;
	            input {
	              background: #EFE9DD;
	              border-radius: 8rpx;
	              font-family: Source Han Sans CN;
	              font-weight: 400;
	              font-size: 24rpx;
	              color: rgba(132, 100, 59, 0.5);
	              width: 63%;
	              padding: 10rpx;
	            }
	            .development-l-ac {
	              color: #84643B;
	              font-size: 19rpx;
	            }
	          }
	          .development-l::after {
	            width: 12rpx;
	            height: 12rpx;
	            background: #FFFFFF;
	            border-radius: 50%;
	            border: 1px solid #84643B;
	            content: "";
	            position: absolute;
	            right: -6rpx;
	            top: calc(50% - 10rpx);
	            transform: rotateY(-50%);
	            margin: auto;
	            z-index: 9;
	          }
	          .development-r {
	            width: 388rpx;
	            background: #EFE9DD;
	            border-radius: 8rpx;
	            box-sizing: border-box;
	            padding: 15rpx 23rpx;
	            font-family: Source Han Sans CN;
	            font-weight: 800;
	            font-size: 24rpx;
	            color: #666666;
	            display: flex;
	            input {
	              font-size: 24rpx;
	            }
	          }
	        }
	      }
	      .development::after {
	        width: 1rpx;
	        height: 100%;
	        position: absolute;
	        content: "";
	        left: 118rpx;
	        top: 0;
	        background: #84643B;
	      }
				}
			}
		}
	.form-btn {
	  width: 580rpx;
	  height: 99rpx;
	  background: #84643B;
	  border-radius: 50rpx;
	  font-family: Source Han Sans CN;
	  font-weight: 500;
	  font-size: 32rpx;
	  color: #FFFFFF;
	  margin: 0 auto;
	}
</style>